<!DOCTYPE HTML>
<html>
<head>
<title>Boxes</title>

<style type="text/css">

#page #logo img {
	text-align: center;
	position: relative;
	left: 550px;
	top: 10px;
}
#mitphoto {
	position: absolute;
	top: 224px;
	width: 250px;
	left: 34px;
}
p {
	width: 450px;
}

#navigation {
	list-style:none;
	margin-top: 100px;
	
}	

#navigation li {
	float:left;
	margin-right:10px;
}	

#navigation li a{
	text-decoration:none;
}	



</style>
</head>

<body>
<div id="page">
			<div id="logo">
				<img src="TRIAL website/Mit-navn-LOGO-til-CMS.png" width="225" height="170" scr="MitnavnLOGOtilCMS.png"/>
			</div>
			<ul id="navigation">
			  <li><a href="#" class="on">Home</a></li>
				<li><a href="#" >About</a></li>
				<li><a href="#" >Work</a></li>
				<li><a href="#" >Contact</a></li>
  			</ul>
<div id="mitphoto">
			<div id="mitphoto">
            <img src="../Documents/Unnamed Site 2/My photo by Boanoi.jpg" width="220" height="220" scr="My photo by Boanoi.jpg"/>
            </div>
			<p>

			</p>
		</div>
</body>
</html>
